@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Kalam:wght@700&display=swap);:root{--purple-dark:#2a0a4a;--purple-light:#6a3093;--gold:#ffd700;--silver:#c0c0c0}body{font-family:'Poppins',sans-serif;background:linear-gradient(135deg,var(--purple-dark),var(--purple-light));color:#fff;margin:0;padding:0;min-height:100vh;overflow-x:hidden;display:flex}.sidebar{width:250px;background:linear-gradient(to bottom,var(--purple-dark),var(--purple-light));color:#fff;padding:20px 0;min-height:100vh;box-shadow:5px 0 15px rgb(0 0 0 / .2);position:fixed;z-index:100;transition:transform 0.3s ease}.sidebar-header{text-align:center;padding:0 20px 20px;border-bottom:1px solid rgb(255 255 255 / .1);margin-bottom:20px}.sidebar-header h2{font-family:'Kalam',cursive;margin:0;color:var(--gold)}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav li{margin:0}.sidebar-nav a{display:block;padding:15px 30px;color:#fff;text-decoration:none;font-size:1.1rem;transition:all 0.3s ease;position:relative}.sidebar-nav a:hover{background:rgb(255 255 255 / .1);transform:translateX(5px)}.sidebar-nav a::before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--gold);opacity:0;transition:opacity 0.3s ease}.sidebar-nav a:hover::before{opacity:1}.language-toggle{position:fixed;bottom:30px;left:30px;display:flex;background:rgb(255 255 255 / .9);border-radius:50px;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .2);z-index:101}.language-btn{padding:10px 20px;border:none;border-radius:0;background:none;cursor:pointer;font-weight:700;transition:all 0.3s ease}.language-btn.active{background:var(--purple-light);color:#fff}.container{max-width:800px;margin:0 auto;padding:20px 20px 20px 290px;flex:1}h1{font-family:'Kalam',cursive;text-align:center;font-size:2.5rem;color:var(--gold);text-shadow:0 0 10px rgb(255 215 0 / .7);margin-bottom:30px}.description{text-align:center;font-size:1.2rem;margin-bottom:30px;line-height:1.6}.quiz-container{background:rgb(0 0 0 / .5);border-radius:15px;padding:25px;box-shadow:0 0 20px rgb(106 48 147 / .5);position:relative;overflow:hidden;display:none}.quiz-container::before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,rgb(255 215 0 / .1),rgb(106 48 147 / .3),rgb(255 215 0 / .1));z-index:-1;border-radius:20px;animation:glow 3s infinite alternate}@keyframes glow{0%{opacity:.3}100%{opacity:.7}}.question{font-size:1.3rem;margin-bottom:20px;font-weight:700}.options{display:grid;grid-template-columns:1fr;gap:15px;margin-bottom:25px}.option{background:rgb(255 255 255 / .1);border:2px solid rgb(255 215 0 / .3);border-radius:10px;padding:12px 15px;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.option:hover{background:rgb(255 215 0 / .2);transform:translateY(-3px);box-shadow:0 5px 15px rgb(255 215 0 / .3)}.option.selected{background:rgb(0 255 0 / .2);border-color:lime}.option.wrong{background:rgb(255 0 0 / .2);border-color:red}.timer-container{height:10px;background:rgb(255 255 255 / .2);border-radius:5px;margin-bottom:20px;overflow:hidden}.timer-bar{height:100%;background:linear-gradient(90deg,#ff416c,#ff4b2b);width:100%;transition:width 0.1s linear}.controls{display:flex;justify-content:space-between;align-items:center;gap:10px}button{background:linear-gradient(45deg,var(--purple-light),#a4508b);color:#fff;border:none;padding:12px 25px;border-radius:50px;cursor:pointer;font-weight:700;font-size:1rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .2)}button:hover{transform:translateY(-3px);box-shadow:0 7px 20px rgb(0 0 0 / .3)}button:active{transform:translateY(1px)}.score-display{font-size:1.2rem;font-weight:700;color:var(--gold)}.result-container{text-align:center;display:none}.result-title{font-size:2rem;color:var(--gold);margin-bottom:20px}.result-score{font-size:1.5rem;margin-bottom:20px}.magic-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.magic-box{background:rgb(0 0 0 / .3);border-radius:10px;padding:20px;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s ease;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.magic-box.locked{filter:grayscale(80%)}.magic-box.locked::after{content:"🔒";position:absolute;font-size:2rem;top:50%;left:50%;transform:translate(-50%,-50%)}.magic-box:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .3)}.magic-box .box-content{display:none;font-weight:700}.magic-box.unlocked .box-content{display:block}.magic-box.unlocked::after{display:none}.start-screen{text-align:center;padding:30px}.sparkle{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;pointer-events:none;opacity:0}.wand-cursor{position:fixed;width:30px;height:30px;pointer-events:none;z-index:9999;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffd700"><path d="M7.5 5.6L5 7l1.4-2.5L5 2l2.5 1.4L10 2l-1.4 2.5L10 7 7.5 5.6zm12 9.8L17 14l1.4-2.5L17 9l2.5 1.4L22 9l-1.4 2.5L22 14l-2.5-1.6zM22 2l-2.5 1.4L17 2l1.4 2.5L17 7l2.5-1.4L22 7l-1.4-2.5L22 2zM11 8l-2-2-1 1 2 2 1-1zm-2 7l-1 1-2-2-1 1 2 2 2-2zm7-7l-1 1-2-2-1 1 2 2 2-2zm-7 3l-2 2-1-1-1 1 2 2 2-2z"/></svg>') no-repeat center center;background-size:contain}.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(0 0 0 / .8);padding:20px;border-radius:10px;z-index:100;display:none}.mobile-menu-btn{position:fixed;top:20px;left:20px;background:var(--purple-light);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:102;box-shadow:0 4px 10px rgb(0 0 0 / .2);display:none}@media (max-width:992px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.active{transform:translateX(0)}.container{padding-left:20px}.language-toggle{left:20px;bottom:20px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}}@media (max-width:768px){h1{font-size:2rem;margin-top:60px}.magic-boxes{grid-template-columns:repeat(2,1fr)}}#englishBtn{background-color:#fff;color:#050505}
/* Add this to your CSS file */
.site-footer {
    background: rgba(0, 0, 0, 0.3);
   padding: 20px 0px;
    margin-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;

   padding-left: 150px;


.dmca-badge-container {
    text-align: center;
}





/* Responsive adjustments */
@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
    }
    
    .site-footer {
        padding: 15px 0;
    }
}